/* gimborntrading */

/* @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); */

* {
	margin: 0; padding: 0;
	border: 0;
}

ul, li {
	list-style-type: none;
}

h1 {}
h2 {
	font-size: 1.7em;
	line-height: 1em;
	font-weight: 400;
	margin: 0 0 .8em 0;
	color: rgb(181,18,28);
}
	
h3 {
	font-size: 1.4em;
	border-bottom: 2px solid rgb(181,18,28);
	margin-bottom: 7px;
	padding: 0 0 4px;
	line-height: 1.4em;
	font-weight: 400;
}

h4 {
	font-size: 1.1em;
	font-weight: 700;
	margin-top: 1em;
}

table h4 {
	font-size: 1em;
	font-weight: 700;
	margin-top: 0em;
}

table h4::after {
	content: ":";
}

h5 {
	font-size: 1.2em;
	font-weight: 400;
	color: rgb(181,18,28);
}

h6 {
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: .3em;
}

p, label, input, textarea, button {
	font: 400 1.2em 'Droid Sans', Arial; 
	line-height: 1.5em;
}

a {
	color: rgb(181,18,28);
	text-decoration: none;
	font: 400 1.2em 'Droid Sans', Arial;
	line-height: 1.5em;
}

p > a {
	font-size: 1em;
}

a:hover {
	color: rgb(0,0,0);
}

body {
	font: 400 10px 'Droid Sans', Arial;
	width: 100%; height: 100%;
	position: absolute;
}

	#container {
		width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -5.2em auto;
		overflow: hidden;
	}
	
		header {
			background: rgb(0,0,0) url(../../gimborn%20trading/img/theme/header_background.png) no-repeat center top;
			color: rgb(255,255,255);
			width: 100%;
			border-color: rgb(181,18,28);
			border-width: .2em 0;
			border-style: solid;
		}
		
			header a {
				color: rgb(255,255,255);
			}
			
			header a:hover, header a.active, header a.trail {
				color: rgb(181,18,28);
			}
			
			header > ul#top {
				width: 96em; height: 13.1em;
				margin: 0 auto;
			}
			
				header > ul#top > li.left, header > ul#top> li.right {
					width: 48em; float: left;
				}
			
				header > ul#top> li.right {
					width: 45em;
					padding: 0 1.5em;
				}
				
					li.left > a > img {
						padding: 2.7em 0 0 0.9em;
					}
					
					/* Right List */
					li.right > div {
						margin-top: 2.5em;
						float: right;
						height: 2em;
						position: relative;
					}
				
						li.right > div > img {
							margin: 0 -.3em -.5em .5em;
							float: right;
						}
				
						li.right > div > nav {
							float: left;
						}
						
							li.right > div > nav > ul {}
						
								li.right > div > nav > ul > li {
									float: left;
									margin-left: 8px;
								}
				
					li.right > div.ce_form {
						padding-top: 4.2em;
						margin-top: 0px;
						float: right;
						clear: both;
					}
					
						li.right > div.ce_form label, li.right > div > nav > ul > li > a {
							font-size: 1.4em;
						}
						
							li.right > div.ce_form label > span {
								display: none;
							}
							
						li.right > div.ce_form input {
							height: 16px;
							padding: 0 2px 2px;
							background-color: transparent;
							color: white;
							font: 400 1.4em 'Droid Sans', Arial;
							line-height: 1.5em;
							width: 100px;
							-webkit-margin-before: 0px;
							-webkit-margin-after: 0px;
							-webkit-margin-start: 0px;
							-webkit-margin-end: 0px;
						}
						
						li.right > div.ce_form label .mandatory {
							display: none;
						}
						
						li.right > div.ce_form span.before-after {
							font: normal 1.8em Arial;
							vertical-align: 0px;
						}
						
						/* temp::start /
						
						li.right > form > div.input-border {
							border: 1px solid rgb(255,255,255);
							height: 15px;
							float: right;
							margin: 2px 0 0 3px;
						}
						
						form input.special {
							background-color: rgb(0,0,0);
							padding: 5px 2px;
							margin: -8px 2px 0 2px;
							height: 20px;
							color: rgb(255,255,255);
							width: 100px;
							font: 400 1.4em 'Droid Sans', Arial;
						}
						
						/* temp::end */
											
			.white-line {
				width: 100%; height: .2em;
				background: rgb(255,255,255);
				clear: both;
			}
					
			header > nav {
				width: 93.6em; height: 2.8em;
				margin: 0 auto;
				padding: 0 1.2em;
				z-index: 120;
				position: relative;
			}
			
				header > nav > ul > li {
					float: left;
					display: inline-block;
				}
			
					header > nav > ul > li > a {
						padding: .4em .3em;
						display: inline-block;
						font-size: 1.4em;
						border-top: 2px solid rgb(255,255,255);
						margin-top: -2px;
					}
					
					header > nav > ul > li > a:hover, header > nav > ul > li > a.active, header > nav > ul > li > a.trail {
						border-top: 2px solid rgb(181,18,28);
					}
					
					header > nav > ul > li {}
					
					header > nav > ul > li > ul {
						position: absolute;
						display: none;
						padding: 1.1em 0 0;
					}
					
					header > nav > ul > li > ul::before {
						content: "";
						position: absolute;
						border-bottom: 1em solid rgb(181,18,28);
						border-left: 1em solid transparent;
						border-right: 1em solid transparent;
						margin: -1em 0 0 2.5em;
					}
					
					header > nav > ul > li:hover > ul {
						display: block;
					}
					
						header > nav > ul > li > ul > li {
							background-color: rgb(0,0,0);
							margin: 0 .5em 0 -1.2em;
							padding: .3em 1.5em;
						}
						
						header > nav > ul > li > ul > li:first-child {
							border-top: 2px solid rgb(181,18,28);
							padding-top: 1em;
						}
						
						header > nav > ul > li > ul > li:last-child {
							border-bottom: 2px solid rgb(181,18,28);
							padding-bottom: 1em;
						}
					
							header > nav > ul > li > ul > li > a {
								font-size: 1.4em;
							}
		
		#content {
			width: 96em;
			background: rgba(255,255,255,.1);
			margin: 0 auto;
		}
		
			#content nav {
				margin: 2em 1.5em;
				display: inline-block;
				width: 100%;
			}
			
				#content nav > span {
					height: 0px;
					display: inline-block;
					border-bottom: 10px solid rgb(0,0,0);
					border-top: 10px solid rgb(0,0,0);
					border-left: 10px solid transparent;
					position: relative;
					margin: 0 4px 0 0;
					cursor: pointer;
				}
				
					#content nav > span > a {
						margin: -10px 0px 0 3px; padding: 0;
						display: block;
						color: rgb(255,255,255);
						font-size: 1.3em;
					}
			
				#content nav > span:first-child {
					border-left: 10px solid rgb(181,18,28);
				}
			
				#content nav > span:first-child:not(.active) {
					border-left: 10px solid rgb(0,0,0);
				}
		
					#content nav > span:first-child > a {
						margin-left: -5px;
					}
		
				#content nav > span.active {
					border-bottom: 10px solid rgb(181,18,28);
					border-top: 10px solid rgb(181,18,28);
				}
				
				#content nav > span::before {
					content: "";
					width: 0; height: 0;
					border-top: 10px solid transparent;
					border-left: 10px solid rgb(0,0,0);
					border-bottom: 10px solid transparent;
					margin: 0;
					float: right;
					margin: -10px -10px -10px 0;
				}
				
				#content nav > span.active::before {
					border-left: 10px solid rgb(181,18,28);
				}
			
				#content nav > span:hover {
					border-bottom: 10px solid rgb(181,18,28);
					border-top: 10px solid rgb(181,18,28);
				}
			
				#content nav > span.inactive:hover {
					border-bottom: 10px solid rgb(0,0,0);
					border-top: 10px solid rgb(0,0,0);
				}
				
				#content nav > span:hover::before, #content nav > span:first-child:hover {
					border-left: 10px solid rgb(181,18,28);
				}
				
				#content nav > span.inactive:hover::before, #content nav > span.inactive:first-child:hover {
					border-left: 10px solid rgb(0,0,0);
				}
				
			#content .abstand {
				width: 100%; height: 1.3em;
				/*background-color: royalblue;*/
				clear: both;
			}
			
			#content .clear {
				width: 100%; height: 1em;
				/*background-color: red;*/
				clear: both;
			}
			
				#content > ul > li form {
					margin: 4px 0 0 0;
					display: inline-block;
				}
				
					#content > ul > li span.before-after {
						font: normal 22px Arial;
						margin-top: -4px;
						display: inline-block;
						/**/
						float: left;
					}
				
		footer, #push {
			width: 100%; height: 5em;
			clear: both;
			margin: 0 auto;
			padding: 0;
		}
		
		footer {
			border-top: .2em solid rgb(181,18,28);
			background: rgb(0,0,0);
		}
		
			footer > ul {
				width: 96em;
				margin: 0 auto;
			}
			
				footer > ul > li {
					float: left;
					width: 45.2em;
					padding: 1.6em 1.4em 0 1.4em;
				}
				
					footer > ul > li > nav {
						float: right;
					}
					
					footer > ul > li > p, footer > ul > li > nav > a, footer > ul > li > nav > span {
						font-size: 1.2em;
						color: rgb(255,255,255);
					}
					
					footer > ul > li > nav > span {
						margin: 0 .4em;
						padding: 0;
					}
					
					footer > ul > li > nav > a:hover {
						color: rgb(181,18,28);
					}
					
/* search css */

#content span.invisible, #content label.invisible {
	display: none;
/*	color: royalblue;*/
}

#content span.highlight {
	font-weight: 700;
/*	color: rgb(181,18,28);*/
}

/* temp::start */

#content > ul.search div.input-border {
	border: 2px solid rgb(0,0,0);
	height: 16px;
	float: left;
	margin: 0 3px 0 0;
}

#content > ul.search div > input, #content > .mod_search input {
	background-color: rgb(255,255,255);
	padding: 5px 2px;
	margin: -6px 2px 0 2px;
	height: 20px;
	color: rgb(0,0,0);
	width: 100px;
	font: 400 1.4em/1.4em 'Droid Sans', Arial;
	/**/
	float: left;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

p.header {
	clear: both;
	margin-top: .5em;
}

/* temp::end */

#content span.sub_mit {
	height: 16px;
	background-color: rgb(0,0,0);
	position: absolute;
	cursor: pointer;
	padding: 1px 1px 3px 5px;
}

#content span.sub_mit:hover, button.submit:hover {
	background-color: rgb(181,18,28);
}
				
#content span.sub_mit::before, button.submit::before {
	content: "";
	width: 0; height: 0;
	border-top: 10px solid transparent;
	border-left: 10px solid rgb(0,0,0);
	border-bottom: 10px solid transparent;
	margin: 0;
	float: right;
	margin: -1px -10px -10px 1px;
}

#content span.sub_mit:hover::before, button.submit:hover::before {
	border-left-color: rgb(181,18,28);
}

#content span.sub_mit > input.submit {
	border: 0;
	background-color: transparent;
	color: rgb(255,255,255);
	cursor: pointer;
	margin: 0; padding: 0;
}

#content button.submit 
{ 
	color: rgb(255,255,255);
	padding: 1px 0px 3px 5px;
	height: 20px;
}

/* search css */